<template>
  <div class="split">
    <div class="line"></div>
    <div class="text">{{ text }}</div>
    <div class="line"></div>
  </div>
</template>

<script>
export default {
  name: 'v-line',
  props: {
    text: String
  }
}
</script>

<style lang="stylus" scoped>
.split
  display flex
  .text
    padding 0 12px
    font-size 14px
    font-weight 700
  .line
    flex 1
    position relative
    bottom 3px
    border-bottom 1px solid rgba(255,255,255,0.2)
</style>
